﻿#app {
    background-color: #f6f6f6;
}

.cm-app-container {
    margin-top: 43px;
    background-color: #f6f6f6;
}

    .cm-app-container .user-card {
        margin: 0 auto;
        font-size: 14px;
    }

        .cm-app-container .user-card .user-img {
            border-radius: 9999px;
            padding: 5px;
            border: 2px solid orange;
            margin-right: 5px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .cm-app-container .user-card .user-img img {
                width: 70%;
                border-radius: 9999px;
            }

        .cm-app-container .user-card .user-info {
            line-height: 40px;
        }

        .cm-app-container .user-card p {
        }

        .cm-app-container .user-card .user-info .mobile {
        }

        .cm-app-container .user-card .user-info .share {
        }

        .cm-app-container .user-card .user-opt {
            align-items: center;
        }

#app {
    background-color: #f6f6f6;
}

.page, .main {
    background-color: #f6f6f6;
}

.cm-app-container {
    background: linear-gradient(to top,#f8f7f7, #ffeeee82, #f75556);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 150vh;
    border-bottom-left-radius: 1000%;
    border-bottom-right-radius: 1000%;
}

.cd-photo {
    color:#fff;
}

.cm-txt-center .cd-photo {
}

    .cm-txt-center .cd-photo .item-img {
    }

        .cm-txt-center .cd-photo .item-img img.item-user-photo {
        }

    .cm-txt-center .cd-photo .item-info {
    }

    .cm-txt-center .cd-photo .item-msg {
    }

    .cm-txt-center .cd-photo .item-arrow {
    }


    /*头像特别设计*/
.hexagon-border {
    position: relative;
    /*width: 200px;*/ /* 调整边框的大小 */
    /*height: 200px;*/ /* 调整边框的大小 */
}

    .hexagon-border img {
        clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
        width: 62%;
       /* height: 80%;*/
        box-shadow: 1px 1px 4px #ffeae7;
    }

    .hexagon-border::before {
        content: "";
        position: absolute;
        top: -1px; /* 调整边框距离图片的距离 */
        left: -1px; /* 调整边框距离图片的距离 */
        width: calc(100% + 2 * 1px); /* 调整边框的大小 */
        height: calc(100% + 2 * 1px); /* 调整边框的大小 */
        background-color: #ffffff00;
        clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
        border:1px solid #fff;
    }

    /*内嵌*/
.cm-app-container{
    padding:3%;
}
.item-code-img  img{
    width: 30px;
}
.item-info {
    display: grid;
    justify-content: start;
    align-content: center;
}
    .item-info div {
        display: block;
        width: 100%;
}
.item-arrow{
    display:grid;
}

.item-msg {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cd-data{
    margin-top:30px;
    color:#fff;
}
.cd-data .item-msg {

}
    .cd-data .item-msg .item-data-number {
        font-weight: 700;
        font-size: 18px;
    }
.cd-data .item-msg  .item-data-tit{
  font-size:13px;

}
.cd-progress{
    margin-top:15px;
}
.cd-progress{
    padding-top:3px;
}
    .cd-progress .weui-cells__title {
        text-align: left;
        width: 100%;
        padding-left: 0px;
        padding-top: 0px;
        font-size: 10px;
        color: #f75556;
    }
    .cd-progress .weui-progress{

    }
        .cd-progress .weui-progress .weui-progress__bar{
           
        }
        .cd-progress .weui-progress .weui-progress__opr{

        }
    .cd-progress .cd-progress-dv {
        font-size: 10px;
        padding: 0px;
        color: #ff6d55;
        margin-top:5px;
    }
        .cd-progress .cd-progress-dv .cd-progress-left {
            flex: none;
            width: 20%;

        }
        .cd-progress .cd-progress-dv .cd-progress-center {
            flex: none;
            width: 70%;
        }
        .cd-progress .cd-progress-dv .cd-progress-right {
            flex: none;
            width: 10%;
        }

        .cd-progress .cd-progress-dv .cd-progress-center .weui-progress {
            width: 100%;
          /*  background-color: #ffeeee;*/
            height:100%;
            border-radius:55px;
            padding:10px;
        }

.ad-storage {
/*    min-height: 10vh;*/
}
        .ad-storage .ad-storage-left{
            flex:none;
            width:25%;
        }
    .ad-storage .ad-storage-right {
        flex: none;
        width: 65%;

        display: grid;
        align-content: center;
        justify-content: center;
        align-items: center;
        justify-items: center;
    }
        .ad-storage .ad-storage-right .ad-storage-package-water {
            min-height: 15vh;
        }

                /*水桶和波浪动作*/


.quan {
    position: relative;
    width: 10vh;
    height: 10vh;
    border-radius: 50%;
    border: 3px solid rgb(246, 247, 248);
    box-shadow: 0 0 0 3px rgb(41, 134, 196);
}

.shui {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f76163;
    border-radius: 50%;
    overflow: hidden;
}

    .shui::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        width: 150%;
        height: 150%;
        border-radius: 40%;
        background-color: rgb(240, 228, 228);
        animation: shi 5s linear infinite;
    }

@keyframes shi {
    0% {
        transform: translate(-50%,-65%) rotate(0deg);
    }

    100% {
        transform: translate(-50%,-65%) rotate(360deg);
    }
}

.shui::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 150%;
    height: 150%;
    border-radius: 42%;
    background-color: rgb(240, 228, 228,0.2);
    animation: xu 7s linear infinite;
}

@keyframes xu {
    0% {
        transform: translate(-50%,-60%) rotate(0deg);
    }

    100% {
        transform: translate(-50%,-60%) rotate(360deg);
    }
}

.ad-storage .ad-storage-left .ad-storage-package-bck{
    padding-top:15px;
    padding-bottom:15px;
}
.ad-storage .ad-storage-left .ad-storage-package-bck .ad-storage-num-detail {
    font-size: 10px;
}
.ad-storage .ad-storage-left .ad-storage-package-bck .ad-storage-num-package{
    font-weight:900;
    font-size:17px;
}
.ad-storage-num-package-tit {
    margin-top:10px;
    background-color: #f0f1f6;
    border-radius: 20px;
    color: #000;
    font-size: 11px;
}
.ad-storage-data{
    padding:10px;

}
    .ad-storage-data .ad-storage-num-detail {
        font-size: 10px;
        color: #fff;
    }
        .ad-storage-data .ad-storage-num-detail:nth-child(4),
        .ad-storage-data .ad-storage-num-detail:nth-child(5),
        .ad-storage-data .ad-storage-num-detail:nth-child(6) {
            color: #000; /* 你可以选择一个与白色不同的颜色 */
        }

    .ad-storage-data .ad-storage-num-package {
        font-weight: 900;
        font-size: 17px;
        color:#f75556;
    }
.cd-price-data {
    border: 1px solid gold;
    box-shadow: 0 0 1px 1px gold;
    background: linear-gradient(to top,#f8f7f7, #ffeeee82, #f75556);
}
    .cd-price-data .ad-storage div.ad-storage-left{
        width:32%;
        flex:none;
    }
.cd-storage-data{
    padding:10px;
}
.cd-order-data {

}
    .cd-order-data .ad-storage-left{
        flex:none;
        width:19.3%;
    }
.cd-title{
    font-size:14px;
    font-weight:700;
    color:#000;
    text-align:left;
    margin-top:5px;
    margin-bottom:0px;
    padding-left:0px;
}
.cd-p-myorder{
    margin-top:1px;
}
.cd-order-data .ad-storage-left .ad-storage-data .ad-storage-num-detail .order-img {
    width:40px;
}
.cd-order-data .ad-storage-left .ad-storage-data .ad-storage-num-package{
    color:#000;
    font-weight:500;
    font-size:12px;
    padding-top:5px;

}
.cd-p-myserver .cd-order-data .ad-storage-left{
    flex:none;
    width:24.5%;
}